<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <link rel = "stylesheet" type = "text/css" href = "default.css"/>
    </h:head>
    <f:view>
        <body>
            <h:form id="form">
                <p:panel header="Novo Usuario">

                    <h:panelGrid columns="4">
                        <h:outputText value="Nome"/> <p:inputText size="30"/>
                        <h:outputText/><h:outputText/>

                        <h:outputText value="Sobrenome"/> <p:inputText  size="30" />
                        <h:outputText value="Sexo"/> <p:selectOneMenu >
                            <f:selectItem itemLabel="Selecione"/>
                            <f:selectItem itemLabel="Masculino" itemValue="M"/>
                            <f:selectItem itemLabel="Feminino" itemValue="F"/>
                        </p:selectOneMenu>

                        <h:outputText value="CPF"/><p:inputMask mask="999.999.999-99" />
                        <h:outputText value="RG"/><p:inputText />
                    </h:panelGrid>


                    <h3>Informaçõs Para Contato</h3>

                    <h:panelGrid columns="4">
                        <h:outputText value="Telefone"/><p:inputMask mask="(99)9999-9999" />
                        <h:outputText value="Celular"/><p:inputMask mask="(99)9999-9999" />
                        <h:outputText value="Email"/><p:inputText size="35"/><h:outputText/><h:outputText/>
                    </h:panelGrid>


                    <h3>Endereço</h3>

                    <h:panelGrid columns="4">
                        <h:outputText value="Rua"/><p:inputText size="40"/><h:outputText/><h:outputText/>
                        <h:outputText value="Bairro"/><p:inputText />
                        <h:outputText value="CEP"/><p:inputMask mask="99.999-999" />
                        <h:outputText value="Cidade"/><p:inputText />
                        <h:outputText value="Estado"/><p:inputText />
                    </h:panelGrid>

                    
                    
                </p:panel>
            </h:form>
        </body>
    </f:view>
</html>
